/*
 *  Copyright 2022 Collate.
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *  http://www.apache.org/licenses/LICENSE-2.0
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */

@import '../../../styles/variables.less';

@successColor: #f7fbf9;
@failedColor: #fbf8f8;
@abortedColor: #fbfaf9;
@success-border: #b0e7d4;
@failure-border: #fec0ac;
@abort-border: #fee39c;

.test-indicator {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  .test-value {
    color: @grey-4;
    font-size: 12px;
  }

  &.success {
    background: @successColor;
    border: 1px solid @success-border;
  }
  &.failed {
    background: @failedColor;
    border: 1px solid @failure-border;
  }
  &.aborted {
    background: @abortedColor;
    border: 1px solid @abort-border;
  }
  &.queued {
    background: @grey-1;
    border: 1px solid @grey-3;
  }
}
